<template>
  <div class="home_container">
    <Sidebar />
    <router-view></router-view>
  </div>
</template>

<script>
import Sidebar from '@/components/commons/Sidebar.vue';
export default {
  name: 'homePage',
  components: {
    Sidebar,
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss" scoped>
.home_container {
  width: 100%;
  height: 100%;
  display: flex;
  .page {
    flex: 1;
    height: 100vh;
    overflow-y: auto;
  }
}
</style>
